<button id="btn">点击</button>
<script>
  btn.onclick = function () {
    let xhr = new XMLHttpRequest();
    xhr.open("post", "http://chst.vip/users/login");
    // post请求使用send发送数据给服务端
    // 传递的数据格式
    // 分请求头
    // 1. content-type:application/x-www-form-urlencode
    // 这个请求头是表单提交数据的格式：‘username=lbw&password=123'和queryString差不多
    // 2.content-type:application/json
    // 这是传递json格式： '{"username":"lbw","password":"123"}'
    // 一定要在send方法调用之前设置请求头
    // xhr.setRequestHeader('key','value')
    // xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
    xhr.setRequestHeader("content-type", "application/json");
    // let data = "username=lbw&password=555";
    // let data = '{"username":"lbw","password":" 555"}';
    let data = {
      username: "lbw",
      password: "555",
    };

    xhr.send(JSON.stringify(data));
    console.log(xhr);
    xhr.onload = function () {
      let res = JSON.parse(xhr.responseText);
      console.log(res);
    };
  };
</script>
